<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <div class="bigbox">
        <!-- 整个页面 -->
        <!-- ad -->
        <div class="ad">
            <!-- 第一部分 -->
            <img src="./image/ad.jpg" alt="">
            <!-- 广告 -->
        </div>
        <!-- nav -->
        <div class="nav0">
            <div class="nav1">
                <!-- 第二部分 -->
                <!-- 导航 -->
                <ul>
                    <a href="">
                        <li>电子产业链 全程电子商务平台</li>
                    </a>
                    <a href="">
                        <li>旗下网站</li>
                    </a>
                    <a href="">
                        <li>English</li>
                    </a>
                    <a href="./login/signup.html" class="a1">
                        <li>请登录，免费注册</li>
                    </a>
                    <a href="" class="a1">
                        <li>供应商服务</li>
                    </a>
                    <a href="" class="a1">
                        <li>官方微信</li>
                    </a>
                    <a href="" class="a1">
                        <li>洽洽</li>
                    </a>
                    <a href="" class="a1">
                        <li>客服</li>
                    </a>

                </ul>

            </div>
        </div>
        <!-- 导航 -->
        <div class="wrapthree">
            <!-- 第三部分，logo 搜索 聊天二维码 -->
            <div class="wrapt">
                <div class="logo">
                    <!-- logo -->
                    <img src="./image/logo.png" alt="">
                </div>
                <!-- 搜索 -->
                <div class="search bar1">
                    <form>
                        <input type="text" placeholder="请输入您要搜索的内容...">
                        <button class="btna" type="submit" value=""><a href="./search/searchtest.html">搜索</a></button>
                    </form>
                </div>
                <!-- 二维码 -->
                <div class="mark">

                </div>
                <div class="nav2">
                    <ul>
                        <a href="" class="a1 ">
                            <li class="active-nav2">首页</li>
                        </a>
                        <a href="">
                            <li>国产品牌</li>
                        </a>
                        <a href="./goods/goods.html">
                            <li>商品分类</li>
                        </a>
                        <a href="">
                            <li>求职招聘</li>
                        </a>
                        <a href="">
                            <li>行业咨询</li>
                        </a>
                        <a href="">
                            <li>技术资料</li>
                        </a>
                        <a href="">
                            <li>展会</li>
                        </a>
                    </ul>
                    <!-- 子导航 -->
                </div>

            </div>
        </div>
        <!-- 主题内容 -->
        <div class="main-content">
            <!-- 左侧二级菜单 -->
            <div class="contentbox">
                <div class="tab">
                    <div class="tab-t">
                        <i class="">
                            <img src="./image/chips.png" alt="">
                        </i>
                        <h3>
                            <a href="">IC</a>/<a href="">单片机</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">二极管</a>/<a href="">可控硅</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>

                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">电容</a>/<a href="">电阻</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">电感器</a>/<a href="">磁珠</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">晶振</a>/<a href="">滤波器</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">光耦</a>/<a href="">光电器件</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">电源</a>/<a href="">传感器</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">电子管</a>/<a href="">三极管</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">开关器</a>/<a href="">连接器</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">MOS(场效应管)</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">继电器</a>/<a href="">模块</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="tab-t">
                        <i class=""><img src="./image/chips.png" alt=""></i>
                        <h3>
                            <a href="">电位器</a>/<a href="">保险丝</a>
                            <div class="nav-son">
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                                <div class="nav-grandson">
                                    <a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a><a href="">ic</a>
                                </div>
                            </div>
                        </h3>
                    </div>
                </div>

                <!-- banner轮播图 -->

                <div id="carouselExampleIndicators" class="carousel slide banner" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <a href="http://www.baidu.com">
                                <img src="./image/banner1.png" class="d-block w-100" alt="" style="width: 680px ;height: 290px;">
                            </a>
                        </div>
                        <div class="carousel-item">
                            <img src="./image/banner2.png" class="d-block w-100" alt="" style="width: 680px ;height: 290px;">
                        </div>
                        <div class="carousel-item">
                            <img src="./image/banner1.png" class="d-block w-100" alt="" style="width: 680px ;height: 290px;">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
                <div class="mytab">
                    <!-- 选项卡 -->

                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#tab1" data-toggle="tab">最新动态</a></li>
                        <li><a href="#tab2" data-toggle="tab">最新竞价</a></li>
                        <li><a href="#tab3" data-toggle="tab">现货抽查</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
                            <p>讲堂直播第9期：活法（解析人生五条原则） 2020慕尼黑电子展华强电子网参展会后专题 讲堂直播第7期：集成电路的国产化之路 讲堂直播第6期：品牌营销知识 2019年度华强电子网优质供应商荣耀颁奖
                            </p>
                        </div>
                        <div class="tab-pane" id="tab2">
                            <p>今日竞价已结束，时间为每天9:00-15:00 关键词 参与 当前排名第一位 HT7533-1 17 深圳市圳科科技有限公司 AO3400 16 深圳市登泰峰科技有限公司 LIS3DHTR 16 深圳市时天科技有限公司 OP07CDR 16 深圳市鼎创科科技有限
                            </p>
                        </div>
                        <div class="tab-pane" id="tab3">
                            <p>LIS3DHTR 16 深圳市时天科技有限公司 OP07CDR 16 深圳市鼎创科科技有限今日竞价已结束，时间为每天9:00-15:00 关键词 参与 当前排名第一位 HT7533-1 17 深圳市圳科科技有限公司 AO3400 16 深圳市登泰峰科技有限公司
                            </p>
                        </div>
                    </div>

                </div>
                <!-- 图片盒子 -->
                <div class="pic-box">
                    <ul>
                        <li class="li1">
                            <a href="./pages/pages.html"><img src="./image/nav1.png" alt=""></a>
                        </li>
                        <li class="li2"><img src="./image/nav2.png" alt=""></li>
                        <li class="li3"><img src="./image/nav3.png" alt=""></li>
                        <li class="li4"><img src="./image/nav4.png" alt=""></li>
                        <li class="li5"><img src="./image/nav5.png" alt=""></li>

                    </ul>
                </div>
                <!-- /* 广告 ad2 */ -->
                <div class="ad2">
                    <img src="./image/ad2.jpg" alt="">
                </div>


            </div>
            <div class="goods main-content">
                <div class="note">

                    <!-- <strong>精选IC&nbsp;&nbsp;&nbsp;&nbsp; </strong> -->


                </div>
                <!-- /* picture box*/ -->

                <div class="box-goods">
                    <div class="goods-one">
                        <div><img src="./image/goods1.jpg" alt=""></div>
                        <div><img src="./image/goods2.png" alt=""></div>
                        <div><img src="./image/goods2.png" alt=""></div>
                        <div><img src="./image/goods2.png" alt=""></div>
                    </div>
                    <div class="goods-two">
                        <div><img src="./image/goods2jpg.jpg" alt=""></div>
                        <div><img src="./image/goods2.png" alt=""></div>
                        <div><img src="./image/goods2.png" alt=""></div>
                        <div><img src="./image/goods2.png" alt=""></div>
                    </div>
                </div>
                <!-- ad 3-4 -->
                <div class="ad3-4">
                    <img src="./image/ad3.jpg" alt="">
                    <img src="./image/ad4.jpg" alt="">
                </div>

                <!-- applyer供应商 -->
                <div class="box-goods applyer">
                    <div class="goods-one">
                        <div><img src="./image/goods3.jpg" alt=""></div>
                        <div>
                            <h4>陆和神舟</h4>
                            <h5>欧阳木洲</h5>

                            <div class="name"><img src="./image/欧阳.png" alt=""></div>
                            <div class="buttons">
                                <a href="">主营ST</a>
                                <a href="">主营赛灵斯</a>
                            </div>
                        </div>
                        <div>
                            <h4>力拓新</h4>
                            <h5>Yolanda</h5>

                            <div class="name"><img src="./image/Yolanda.png" alt=""></div>
                            <div class="buttons">
                                <a href="">主营ADI</a>
                                <a href="">主营STM</a>
                            </div>
                        </div>
                        <div>
                            <h4>圣和堂</h4>
                            <h5>覃春节</h5>

                            <div class="name"><img src="./image/qinggang.png" alt=""></div>
                            <div class="buttons">
                                <a href="">主营NXP</a>
                                <a href="">主营赛灵斯</a>
                            </div>
                        </div>
                    </div>
                    <div class="goods-two goods-one">
                        <div><img src="./image/goods4.jpg" alt=""></div>
                        <div>
                            <h4>七喜贸易</h4>
                            <h5>林吉西</h5>

                            <div class="name"><img src="./image/mike.png" alt=""></div>
                            <div class="buttons">
                                <a href="">主营ADI</a>
                                <a href="">主营赛灵斯</a>
                            </div>
                        </div>
                        <div>
                            <h4>喃电贸易</h4>
                            <h5>林总</h5>

                            <div class="name"><img src="./image/linxiwu.png" alt=""></div>
                            <div class="buttons">
                                <a href="">主营ST</a>
                                <a href="">主营赛灵斯</a>
                            </div>
                        </div>
                        <div>
                            <h4>万盛唐</h4>
                            <h5>皮卡小</h5>

                            <div class="name"><img src="./image/guoweizhong.png" alt=""></div>
                            <div class="buttons">
                                <a href="">主营ST</a>
                                <a href="">主营赛灵斯</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ad5">
                    <img src="./image/ad5.jpg" alt="">
                </div>
                <!-- 招聘 -->
                <div class="offer">
                    <ul class="nav nav-tabs" role="tablist" id="myTab">
                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">销售</a></li>
                        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">采购</a></li>
                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">配送</a></li>
                        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">仓管</a></li>
                    </ul>

                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home"><img src="./image/offer1.png" alt=""></div>
                        <div role="tabpanel" class="tab-pane " id="profile"><img src="./image/offer2.png" alt=""></div>
                        <div role="tabpanel" class="tab-pane" id="messages"><img src="./image/offer3.png" alt=""></div>
                        <div role="tabpanel" class="tab-pane" id="settings"><img src="./image/offer4.png" alt=""></div>
                    </div>


                </div>
                <!-- 底部 -->
                <div id="bottom">
                    <div class="bottom">
                        <img src="./image/bottom.png" alt="">
                    </div>
                </div>
            </div>




        </div>
        <script src="./libs/jquery.slim.min.js"></script>
        <script src="./libs/popper.min.js"></script>
        <script src="./libs/bootstrap.js"></script>
        <script>
            $(function() {
                $('#myTab a').hover(function() {
                    $(this).tab('show');
                });
            })
        </script>
        <script>
        </script>
</body>

</html>